<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui"
	template="/resources/templates/default.xhtml">

	<ui:param name="pageTitle" value="INICIO" />

	<ui:define name="titulo">
		INICIO
	</ui:define>

	<ui:define name="contenido">
		<h:form>
			<p:dataTable value="#{vueloBean.listaVuelo}" var="obj"
				editable="true">
				<p:column headerText="ID">
					<h:outputText value="#{obj.id}" />
				</p:column>
				<p:column headerText="Precio">
					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="#{obj.precio}" />
						</f:facet>
						<f:facet name="input">
							<h:inputText value="#{obj.precio}" />
						</f:facet>
					</p:cellEditor>
				</p:column>

				<p:column headerText="Estado">
					<p:cellEditor>
						<f:facet name="output">
							<h:selectOneMenu value="#{obj.estado}" disabled="true">
								<f:selectItem itemLabel="Disponible" itemValue="1" />
								<f:selectItem itemLabel="Reservado" itemValue="2" />
							</h:selectOneMenu>

						</f:facet>
						<f:facet name="input">
							<h:selectOneMenu value="#{obj.estado}" id="estado">
								<f:selectItem itemLabel="Disponible" itemValue="1" />
								<f:selectItem itemLabel="Reservado" itemValue="2" />
							</h:selectOneMenu>
						</f:facet>
					</p:cellEditor>
				</p:column>

				<p:column headerText="Tipo">
					<p:cellEditor>
						<f:facet name="output">

							<h:selectOneMenu value="#{obj.tipo}" disabled="true">
									<f:selectItem itemLabel="Directo" itemValue="directo"/>
									<f:selectItem itemLabel="Escala" itemValue="Escala"/>
									<f:selectItem itemLabel="VIP" itemValue="VIP"/>
							</h:selectOneMenu>



						</f:facet>
						<f:facet name="input">
							<h:selectOneMenu value="#{obj.tipo}" id="tipo">
									<f:selectItem itemLabel="Directo" itemValue="directo"/>
									<f:selectItem itemLabel="Escala" itemValue="Escala"/>
									<f:selectItem itemLabel="VIP" itemValue="VIP"/>
							</h:selectOneMenu>
						</f:facet>
						
						
						
					</p:cellEditor>
				</p:column>
				
				<p:column headerText="Asientos Libres">
					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="#{obj.capacidad}" />
						</f:facet>
						<f:facet name="input">
							<h:inputText value="#{obj.capacidad}" />
						</f:facet>
					</p:cellEditor>
				</p:column>
				

				<p:column headerText="Opciones" style="width:50px">
					<p:rowEditor />
					<p:commandButton value="Eliminar"
						action="#{vueloBean.eliminar(obj)}" update="@form" />
				</p:column>
				<p:ajax event="rowEdit" listener="#{vueloBean.editListener}" />
			</p:dataTable>


		</h:form>



	</ui:define>

</ui:composition>
